const { defineConfig } = require("@vue/cli-service");
const path = require('path');
function resolve(dir) {
  return path.join(__dirname, dir)
}
console.log(process.env.NODE_ENV)
module.exports = defineConfig({
  //如果是测试环境 构建的结果输出到testDist目录 不然输出到dist
  outputDir: process.env.NODE_ENV === "test" ? "testDist" : "dist",//打包构建之后输出的目录
  publicPath: ".",
  transpileDependencies: true,
  lintOnSave: false,
  //配置跨域代理
  devServer: {
    port: 2111,//启动项目的时候要使用这个端口号
    // host:'192.168.1.1' 只有这个主机名才能访问我们的项目
    //vue.config.js修改之后一定要重启服务器!!!!!
    //vue.config.js修改之后一定要重启服务器!!!!!
    //vue.config.js修改之后一定要重启服务器!!!!!
    //vue.config.js修改之后一定要重启服务器!!!!!
    //vue.config.js修改之后一定要重启服务器!!!!!
    //vue.config.js修改之后一定要重启服务器!!!!!
    //vue.config.js修改之后一定要重启服务器!!!!!
    proxy: {
      "/api": {
        //生产环境 请求的地址要变成 https://chst.vip

        target: "http://chst.vip:8081", //表示devServer插件在解析到地址中有"/api"的时候,会转变请求这个真实的target
        pathRewrite: {
          "^/api": ""
        }
      },
      "/users": {
        target: "http://chst.vip" //当请求的代理字段和请求的地址的第一个字段相同的时候,可以不路径重写
      }
    }
  },
  //配置别名
  chainWebpack: (config) => {
    config.resolve.alias
      .set('&', resolve('src'))
      .set('assets', resolve('src/assets'))
      .set('components', resolve('src/components'))
      .set('layout', resolve('src/layout'))
      .set('base', resolve('src/base'))
      .set('static', resolve('src/static'))
  }
});
//跨域
// fetch('http://chst.vip:8081/data/index.json')
//做了代理之后
//fetch("/api/data/index.json")=>devServer代理会变成这样 fetch('http://chst.vip:808/api/data/index.json")
